<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>卓越--联系我们</title>
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<link href="JsCss/common.css" rel="stylesheet" media="screen" type="text/css" />
		<script type="text/javascript" src="JsCss/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="JsCss/vue.min.js"></script>
		<script type="text/javascript" src="JsCss/axios.min.js" charset="utf-8"></script>
		
		<script src="JsCss/index.js"></script>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>卓越地图</title>
		<style type="text/css">
			#container {
				width: 600px;
				height: 250px;
				border: solid 1px #AAA;
			}
			table{
				border-collapse:separate; 
				border-spacing:10px;
			}
			tr{
				width: 80px;
			}
		</style>
	</head>

	<body>
		<div class="header">
			<ul class="top-link">
				<li class="title"><a href="#"
						onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('huiyuaninsert.html');"
						title='设置本站为浏览器首页(启始页)'>设为首页</a></li>
				<li class="pi"></li>
				<li class="title"><a target=_top href="register.html">注册</a></li>
				<li class="pi"></li>
				<li class="title"><a href="login.html">登录</a></li>
			</ul>

			<div class="logo"><a href="index.html"><img src="images/logo.png" width="250" height="82" /></a></div>
			<div class="menu">
				<ul>
					<li><a href="about.html">关于我们</a><span>about us</span></li>
					<li><a href="auctioning.html">拍卖信息</a><span>Auction information</span></li>
					<li><a href="product.html">商品展示</a><span>Product showcase</span></li>
					<li class="active"><a href="showData.html">个人信息</a><span>Personal information</span></li>
					<li><a href="chargeMoney.html">资金管理</a><span>Money management</span></li>

				</ul>
			</div>
		</div>
		<!-- 菜单和下面模块的间隔-->
		<div class="clr50"></div>
		<!-- 图片 -->
		<div class="zy_banner_bg">
			<div class="zy_banner"></div>
		</div>

		<div class="zy_main" id="about">
			<div class="Left_subMenu">
				<div class="top_bg"></div>
				<div class="c_bg">
					<div class="title">个人信息</div>
					<ul>
						<li><a href="showData.html">查看个人信息</a></li>
						<li><a href="register.html">注册</a></li>
						<li class="activer"><a href="login.html">登录</a></li>
						<li><a href="updatePwd.html">修改密码</a></li>

					</ul>
				</div>
				<div class="bottom_bg"></div>

				<div class="ph">
					<img src="images/ph.png" width="169" height="67" />
				</div>
			</div>

			<div id="process" class="zy_right">
				<div class="position">当前位置：<a href="#">个人信息</a> > <a href="#">登录</a></div>
				<div class="zy_title">
					<p>登录<span> Login </span></p>
				</div>
				<div class="cz-con-text">
					<form action="" method="" class="cz-form">
						<table cellspacing="" cellpadding="">
							<tr>
								<td>会员编号： </td>
								<td><input type="text"  class="cz-birds"
										placeholder="请输入会员编号..." 
										v-model="hid"/>

								</td>
							</tr>
							<tr>
								<td>会员密码： </td>
								<td><input type="password" class="cz-birds"
										placeholder="请输入会员密码..." 
										v-model="pwd"/></td>
							</tr>
							<tr>
								<td colspan="2" style="text-align: center;">
									<div class="cz-sub">
										<input type="button" class="cz-gkbutton" @click="login()"/>
									</div>
							</tr>
						</table>
					</form>
				</div>
			</div>



		</div>













		<div id="footer-top">
			<div class="footer-text">
				© 小佟拍卖行
			</div>
		</div>
		<script>
			var vm = new Vue({
				el: '#about',
				data: {
					hid:'',
					pwd:''
				},
				methods: {
					login() {
						//window.location.href="auctioning.html"
						var param = "hid="+this.hid + "&pwd="+this.pwd;
						axios.get("/huiyuan/login?"+param)
							.then(resp=>{
								if(resp.data.code==200){
									//登录成功
									var token= resp.data.data;
									alert(token);
									sessionStorage.setItem("token", token);
									//，页面跳转
									location.href="auctioning.html";
								}else{
									alert(resp.data.data);
								}
							});
							
					}
				}
			});
		</script>

	</body>
</html>
